@charset "UTF-8";
body {margin:0px; padding-top:0px;}
.topbg{background-color:transparent; background-repeat:no-repeat;border:0px; width:1280px;height:auto;float:left;}
.topborder01{ width:60px; height:31px; float:left; margin-top:0px; margin-left:5px; margin-right:5px;float:left;}
.topborder02{ width:80px; height:31px; float:left; margin-top:0px; margin-left:5px; margin-right:5px;float:left;}

a:link{font-family:"微軟正黑體", Arial;color:#000;font-size:16px;line-height:36px;text-decoration:none;font-weight:bold;}/*超連結，白*/
a:visited{font-family:"微軟正黑體", Arial;color:#333;font-size:16px;line-height:36px;text-decoration:none;font-weight:bold;}/*已超連結，灰*/
a:active{font-family:"微軟正黑體", Arial;color:#0CF;font-size:16px;line-height:36px;text-decoration:none;font-weight:bold;}/*滑鼠點選時，藍*/
a:hover{font-family:"微軟正黑體", Arial;color:#06C;font-size:16px;line-height:36px;text-decoration:none;font-weight:bold;}/*滑鼠移到超連結，黃*/

/*PC黏人精-區塊錨點*/
.fixarea_tabbar { z-index:99; position:fixed; right:0; top:60px; border-radius:20px 0 0 20px; width:110px; background-color:rgba(40,46,57,0.8); text-align: center; font-family:"微軟正黑體", "Microsoft JhengHei", Arial;
      -webkit-transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); -webkit-transform-origin:top right; transform-origin:top right;
        -webkit-transition: all 0.2s ease;
         -moz-transition: all 0.2s ease;
          -ms-transition: all 0.2s ease;
           -o-transition: all 0.2s ease;
            transition: all 0.2s ease;}
.fixarea_tabbar.fixarea_off { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); transform: rotate3d(0,0,0,0deg) translate3d(0,0,0);}
.fixarea_tabbar .go_bt {
            -webkit-transition: all 0.2s ease;
             -moz-transition: all 0.2s ease;
              -ms-transition: all 0.2s ease;
               -o-transition: all 0.2s ease;
                transition: all 0.2s ease;}
.fixarea_tabbar .go_bt:hover { filter: brightness(105%);}
.fixarea_tabbar .fix_box { margin:20px auto 10px; margin-left:10px;}
.fixarea_tabbar ul { margin:0; padding:0; list-style:none;}
.fixarea_tabbar li { position:relative; margin:0; padding:0; font-weight:800; font-size:15px; line-height:20px;}
.fixarea_tabbar a { display:block; text-decoration:none; color:#fff;}
.fixarea_tabbar a:hover{ color:#ffe600; }
.fixarea_tabbar  .cate-hover a { color:#ffe600; }
.fixarea_tabbar .fix_other { }
.fixarea_tabbar .fix_other li { padding:10px 0; }
.fixarea_tabbar .fix_other li:before { content: ""; display: block; position: absolute; bottom:0; left:18%; width:64%; height:1px; background-color:#5b0000; background-color:rgba(255,255,255,0.2);}
.fixarea_tabbar .fix_other li:last-child::before { display:none;}
.fixarea_tabbar .fix_other li i { display:none; z-index:-1; position: absolute; top:53%; left:3px; width:12px; height:12px; -webkit-transform:translate(0%,-50%); transform:translate(0%,-50%); background:url('') no-repeat center center; background-size:100%;}
.fixarea_tabbar .fix_other .cate-hover i { display: block;}
.fixarea_tabbar .fix_footer { position: relative; margin-bottom:10px; margin-left: 10px; font-weight:800; font-size:24px;}
.fixarea_tabbar .fix_footer a { display:block; padding-top:11px;}
.fixarea_tabbar .fix_footer a::before { content: ""; position: absolute; top:6px; left:44%; display:block; width: 0; height: 0; border-width: 0 5px 8px 5px; border-style: solid; border-color:transparent transparent #fff transparent;}
  /*錨點icon--白色--ffffff
  .fixarea_tabbar .fix_other li i { background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Im5hdmxpZ2h0X2ljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMCwwQzYuMDIxLDAsMi43OTcsMy4yMjUsMi43OTcsNy4yMDNDMi43OTcsMTIuOTA2LDEwLDIwLDEwLDIwczcuMjAzLTcuMDk0LDcuMjAzLTEyLjc5Nw0KCUMxNy4yMDMsMy4yMjUsMTMuOTc5LDAsMTAsMHogTTEwLDExLjAwNWMtMi4xLDAtMy44MDMtMS43MDMtMy44MDMtMy44MDJDNi4xOTcsNS4xMDMsNy45LDMuNCwxMCwzLjRjMi4xLDAsMy44MDMsMS43MDMsMy44MDMsMy44MDMNCglDMTMuODAzLDkuMzAzLDEyLjEsMTEuMDA1LDEwLDExLjAwNXoiLz4NCjwvc3ZnPg0K');}
  .fixarea_tabbar .fix_footer:hover a::before { border-color: transparent transparent #ffffff transparent;}*/
  /*錨點icon--紫--cc9dff
  .fixarea_tabbar .fix_other li i { background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibmF2bGlnaHRfaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNjYzlkZmY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMCwwQzYsMCwyLjgsMy4yLDIuOCw3LjJDMi44LDEyLjksMTAsMjAsMTAsMjBzNy4yLTcuMSw3LjItMTIuOEMxNy4yLDMuMiwxNCwwLDEwLDB6IE0xMCwxMQ0KCWMtMi4xLDAtMy44LTEuNy0zLjgtMy44UzcuOSwzLjQsMTAsMy40czMuOCwxLjcsMy44LDMuOFMxMi4xLDExLDEwLDExeiIvPg0KPC9zdmc+DQo=');}
  .fixarea_tabbar .fix_footer:hover a::before { border-color: transparent transparent #cc9dff transparent;}*/
  /*錨點icon--黃--ffe600*/
  .fixarea_tabbar .fix_other li i { background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibmF2bGlnaHRfaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNmZmU2MDA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMCwwQzYsMCwyLjgsMy4yLDIuOCw3LjJDMi44LDEyLjksMTAsMjAsMTAsMjBzNy4yLTcuMSw3LjItMTIuOEMxNy4yLDMuMiwxNCwwLDEwLDB6IE0xMCwxMQ0KCWMtMi4xLDAtMy44LTEuNy0zLjgtMy44UzcuOSwzLjQsMTAsMy40czMuOCwxLjcsMy44LDMuOFMxMi4xLDExLDEwLDExeiIvPg0KPC9zdmc+DQo=');}
  .fixarea_tabbar .fix_footer:hover a::before { border-color: transparent transparent #ffe600 transparent;}


#header1{
	/*position: fixed;*/
    top: 0;
    left: auto;
	margin:0 auto;
	/*padding: 40px 0 0;*/
    z-index: 10;
}	

.mainMenu {
    padding: 0 15px;
    overflow: hidden;
    position: relative;
    height: 30px;
    /*width: 100vw;*/
	width: 1230px;
    border-bottom: solid 1px ##da2222;
    background-color: #fff;
}

    .mainMenu ul {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow: -moz-scrollbars-none;
    }

    .mainMenu li {
        
        display: inline-block;
        height: 29px;
		_zoom: 1;
		*display: inline;
    }

        .mainMenu li.current {
            border-bottom: solid 2px #998b7f;
        }

    .mainMenu a {
        line-height: 30px;
        font-size: 13px;
        margin: 0 8px;
    }

        .mainMenu a:hover {
            color: #e60000
        }

    .mainMenu .mainMenu_rightButton {
        width: 30px;
        height: 30px;
        background-image: url("https://photo.mdmmd.com.tw/Source/images/zh-TW/icons/angle-right.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5;
        cursor: pointer;
        display: none;
    }

    .mainMenu.withArrow .mainMenu_rightButton {
        display: block;
    }

    .mainMenu .mainMenuContainer {
        position: relative;
        overflow: auto;
        width: 100%;
    }

.mainMenu {
        height: 50px;
        padding: 0 25px;
    }

        .mainMenu a {
            font-size: 18px;
            line-height: 30px;
            margin: 0 8px;
        }

        .mainMenu .mainMenu_rightButton {
            top: 10px;
        }

        .mainMenu ul {
            text-align: center;
        }

        .mainMenu li {
            height: 49px;
        }	
		
* {
    box-sizing: inherit;
}

    *:before, *:after {
        box-sizing: inherit;
    }		

.headerOuter {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}


	
layout00{width:auto;height:auto;border:0px;margin:auto;} 
#layout{
	width:1280px;
	height:auto;
	margin:auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
} 


.title01{
	color:#efff00;
	font-size:32px;
	
	line-height:48px;
	text-align:left;
}/*區域標頭*/

.title02{
	color:#000;
	font-size:32px;
	
	line-height:48px;
	text-align:left;
}/*區域標頭*/

/*一排3塊版型*/
.product3_00{width:412px;height:644px;float:left;border-top:solid 1px #CCC;border-left:solid 1px #CCC;border-bottom:solid 1px #CCC;border-right:solid 1px #CCC;background-color:#FFFFFF;

/* CSS3 陰影*/
	-webkit-box-shadow: 0px 8px 35px #979797;
	-moz-box-shadow: 0px 8px 35px #979797;
	box-shadow: 0px 8px 35px #979797;
	
	}/*產品欄位外框線*/
	
.product3_01{width:412px;height:67px;float:left;background-color:#dcdcdb;text-align:center;}/*行銷詞底色*/
.product3_02{width:360px;height:384px;float:left;margin-left:25px;margin-top:15px;margin-bottom:10px;margin-right:25px;border-top:solid 1px #CCC;border-left:solid 1px #CCC;border-bottom:solid 1px #CCC;border-right:solid 1px #CCC;}/*產品圖框線*/
.product3_03{width:360px;height:27px;float:none;;margin-top:360px;text-align:left;}/*分流位置*/
.product3_04{width:360px;height:79px;float:left;border-bottom:solid 1px #CCCCCC;margin-left:25px;margin-right:19px;}/*品名底線*/
.product3_05{width:360px;height:83px;float:left;margin-left:25px;margin-right:25px;text-align:center;}/*價格位置*/
.product3_06{width:420px;height:67px;float:left;background-color:#cccccc;}


/*一排4塊版型*/
.product4_00{width:312px;height:508px;float:left;border-top:solid 1px #CCC;border-left:solid 1px #CCC;border-bottom:solid 1px #CCC;border-right:solid 1px #CCC;background-color:#FFFFFF;

/* CSS3 陰影*/
	-webkit-box-shadow: 0px 8px 35px #979797;
	-moz-box-shadow: 0px 8px 35px #979797;
	box-shadow: 0px 8px 35px #979797;

}/*產品欄位外框線*/

.product4_01{width:312px;height:50px;float:left;background-color:#dcdcdb;text-align:center;}/*行銷詞底色*/
.product4_02{width:300px;height:320px;float:left;margin-left:5px;margin-top:5px;margin-bottom:5px;margin-right:5px;border-top:solid 1px #CCC;border-left:solid 1px #CCC;border-bottom:solid 1px #CCC;border-right:solid 1px #CCC;}/*產品圖框線*/
.product4_03{width:300px;height:20px;float:none;;margin-top:300px;text-align:left;}/*分流位置*/
.product4_04{width:300px;height:59px;float:left;border-bottom:solid 1px #CCCCCC;;margin-left:7px;margin-right:7px;}/*品名底線*/
.product4_05{width:312px;height:67px;float:left;text-align:center;}/*價格位置*/
.product4_06{width:312px;height:50px;float:left;background-color:#cccccc;}


/*一排5塊版型*/
.product5_00{
	width:200px;
	height:250px;
	float:left;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
	background-color:#FFFFFF;/* CSS3 陰影
	-webkit-box-shadow: 0px 6px 10px #666;
	-moz-box-shadow: 0px 6px 10px #666;
	box-shadow: 0px 6px 10px #666;
*/
}/*產品欄位外框線*/

.product5_01{
	width:200px;
	height:35px;
	float:left;
	background-color:#dcdcdb;
	text-align:center;
}/*行銷詞底色*/
.product5_02{width:180px;height:180px;float:left;margin-left:10px;margin-top:5px;margin-bottom:5px;margin-right:10px;border-top:solid 1px #CCC;border-left:solid 1px #CCC;border-bottom:solid 1px #CCC;border-right:solid 1px #CCC;}/*產品圖框線*/
.product5_03{
	width:190px;
	height:15px;
	float:none;
	;
	margin-top:165px;
	text-align:left;
}/*分流位置*/
.product5_04{
	width:190px;
	height:auto;
	float:left;
	margin-bottom:5px;
	margin-left:4px;
	margin-right:4px;
}/*品名底線*/
.product5_05{border-top:solid 1px #CCCCCC;
	width:200px;
	height:35px;
	float:left;
	text-align:center;
}/*價格位置*/
.product5_06{width:248px;height:40px;float:left;background-color:#cccccc;}


.bg01{background-image:url(images/test_000.jpg);width:1280px; height:3000px; background-repeat:no-repeat;}


.bg09{ background-image:url(images/Gigabyte-Logo2.png);width:463px; height:100px; background-repeat:no-repeat;}
.disc{ background-image:url(images/ba_back0102.gif); background-repeat:no-repeat;width:2px;height:31px; float:left;}
.nodisc{list-style-type:none;font-family:"微軟正黑體", Arial;color:#FFF;font-size:12px;	line-height:18px;text-align:left;padding:0;}
.font01{ font-size:13px;font-family:"微軟正黑體";font-weight:bold;color:#FF0000;}
.font02{ font-size:13px;font-family:"微軟正黑體";font-weight:lighter;color:#00F; line-height:14pt;}
.font03{ font-size:13px;font-family:"微軟正黑體";color:#000066; line-height:15pt;}

.uldisc{
	list-style-type:none;
	font-family:"微軟正黑體", Arial;
	color:#FFF;
	font-size:26px;
	font-weight:bold;
	line-height:90px;
	text-align:left;
	padding:0;
}
.uldisc001{list-style-type:none;font-family:"微軟正黑體", Arial;color:#000;font-size:20px; font-weight:bold;line-height:30px;text-align:left;padding:0;}

/*一排3塊字型*/
.font3_01{ font-size:60px;font-family:"微軟正黑體";color:#FFFFFF; line-height:60pt;}/*區域標頭*/
.font3_02{ font-size:40px;font-family:"微軟正黑體";color:#000; line-height:45pt;}/*行銷詞字體*/
.font3_03{ font-size:18px;font-family:"微軟正黑體";color:#CCCCCC; line-height:18pt;}/*分流字體*/
.font3_04{ font-size:27px;font-family:"微軟正黑體";color:#999999; line-height:27pt;}/*品名字體*/
.font3_05{ font-size:18px;font-family:"微軟正黑體";color:#999999; line-height:18pt;text-decoration:line-through;}/*市價字體*/
.font3_06{ font-size:20px;font-family:"微軟正黑體";color:#FF0000; line-height:90pt;}/*特價$符號字體*/
.font3_07{ font-size:46px;font-family:"微軟正黑體";color:#FF0000; line-height:87pt;text-decoration:line-through;}/*特價字體*/
.font3_08{ font-size:18px;font-family:"微軟正黑體";color:#000000; line-height:90pt;}/*搶購字體*/


/*一排4塊字型*/
.font4_01{
	font-size:50px;
	font-family:"微軟正黑體";
	color:#E7222B;
	line-height:56pt;
}/*區域標頭*/
.font4_02{ font-size:30px;font-family:"微軟正黑體";color:#FFFFFF; line-height:35pt;}/*行銷詞字體*/
.font4_03{ font-size:13px;font-family:"微軟正黑體";color:#CCCCCC; line-height:13pt;}/*分流字體*/
.font4_04{ font-size:20px;font-family:"微軟正黑體";color:#999999; line-height:20pt;}/*品名字體*/
.font4_05{ font-size:13px;font-family:"微軟正黑體";color:#999999; line-height:13pt;text-decoration:line-through;}/*市價字體*/
.font4_06{ font-size:15px;font-family:"微軟正黑體";color:#FF0000; line-height:67pt;}/*特價$符號字體*/
.font4_07{ font-size:35px;font-family:"微軟正黑體";color:#FF0000; line-height:67pt;}/*特價字體*/
.font4_08{ font-size:13px;font-family:"微軟正黑體";color:#000000; line-height:67pt;}/*搶購字體*/


/*一排5塊字型*/
.font5_01{ font-size:60px;font-family:"微軟正黑體";color:#FFFFFF; line-height:60pt;}/*區域標頭*/
.font5_02{
	font-size:20px;
	font-family:"微軟正黑體";
	color:#F00;
	line-height:24pt;
	font-weight: bold;
}/*行銷詞字體*/
.font5_03{
	font-size:10px;
	font-family:"微軟正黑體";
	color:#999;
	line-height:10pt;
}/*分流字體*/
.font5_04{
	font-size:15px;
	font-family:"微軟正黑體";
	color:#333;
	line-height:14pt;
	text-align:center;
}/*品名字體*/
.font5_05{ font-size:10px;font-family:"微軟正黑體";color:#999999; line-height:10pt;text-decoration:line-through;}/*市價字體*/
.font5_06{
	font-size:12px;
	font-family:"微軟正黑體";
	color:#FF0000;
	line-height:30pt;
}/*特價$符號字體*/
.font5_07{
	font-size:22px;
	font-family:"微軟正黑體";
	color:#FF0000;
	line-height:28pt;
}/*特價字體*/
.font5_08{
	font-size:12px;
	font-family:"微軟正黑體";
	color:#000000;
	line-height:30px;
}/*搶購字體*/

.font_w{font-size:18px;	font-family:"微軟正黑體";color:#FF0;text-decoration:none;line-height:36px;font-weight: bold;}

.font_blue{ font-size:13px;font-family:"微軟正黑體";color:#0000FF;font-weight:bold;}
.f_white{font-size:12px;font-family:"微軟正黑體";color:#ffffff; line-height:11pt;}
#footer {position: relative; height:70px; width:1280px;clear:both; text-align:center; border-top:solid 1px #CCC;} 
.img:hover{border:4px solid #333;}
a {cursor:pointer;}

.theme:hover{background-color:#C00;font-size:22px;font-family:"微軟正黑體";color:#FFF;line-height:36px;width:162px; height:37px;	border-radius: 5px;	text-align: center;	text-decoration:none;font-weight:bold;}

.txt01{	width:160px;height:35px;background-color:#FFF;border-radius:5px;font-size:22px;font-family:'微軟正黑體';line-height:36px;font-weight:bold;text-decoration:none;color:#F00;text-align:center;}
.txt_w{ font-size:22px;	font-family:"微軟正黑體";color:#FFF;line-height:36px;width:160px;height:35px;border-radius:5px;	border:solid #FFF 2px;	text-align: center;	float:left;}
/* 頂部下滑樣式 */
.b_w{ border:solid #FFF 2px;border-radius:5px; float:left;}	
#top-bar{
	width:100%;
	height:45px;
	background:#FFF;
	opacity:0.9;
	position:fixed;
	top:0px;	 /* CSS3 陰影
	-webkit-box-shadow: 0px 8px 15px #333;
	-moz-box-shadow: 0px 8px 15px #333;
	box-shadow: 0px 8px 15px #333;	 
	*/
}


#layout2{width:1280px;height:auto;border:0px; margin:auto;} 
.MONEY {
	text-align: right;
	font-weight: bold;
	color: #F00;
	font-size: 18px;
	font-family: "Arial Unicode MS";
}
.cono {
}
.font011 {
	font-style: normal;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}
.font012 {
	font-style: normal;
	font-size: 40px;
	font-family: "微軟正黑體";
	color: #000;
	text-align: left;
}
.title1 {
	color: #FFF;
	font-size: 22px;
	text-align: center;
}
.title11 {
	color: #FFF;
	font-size: 40px;
	text-align: center;
    }
/*地圖&門市文字*/
.map_style{float: left; height: 400px; width:45%; margin-left: 5%;}
.company_content{float: left; margin-left: 10%; margin-top: 5%;}
#store_detail{color: #000; text-align: left; font-size: 1.5em;font-family:"微軟正黑體";}
#store_detail .title{color: #000;font-size: 3em;font-family:"微軟正黑體";}

/*讓下面的Loading消失*/
.ui-loader{display: none}
/*店別框-輸入欄左邊文字消失*/
.ui-btn-inner{display: none;}

/*店別框-輸入欄位框度*/
.inputWidth{width: 280px; height: 30px; font-size: 20px;font-family:"微軟正黑體";}

/*地圖&門市文字-END*/

#main1{
	width:1280px;
	height:1730px;
	float:left;
	
	background-image:url(http://images.sunfar.com.tw/AD/edm/106page_yearend/images/taiwan.jpg);
	animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
	-webkit-animation:play1 2s linear infinite alternate;
	animation:play1 2s linear infinite alternate;}
@keyframes play1 {
	  0% { 
		filter:brightness(98%);
		
	  }
	  50% { 
		filter:brightness(105%);
		
	  }
	  100% { 
		filter:brightness(98%);
		
	  }
}

@media only screen and (max-width:2080px) {
	.step1{display:none;}
	.step2{display:block;}
	.img1{display:none;}
	.img2{display:block;}
	
}
@media only screen and (max-width: 1000px) {
	.step1{display:block;}
	.step2{display:none;}
	.img1{display:block;}
	.img2{display:none;}
	
}

/*浮動效果*/
@keyframes floating1 {
	0% {transform: translateY(0%);}
	50% {transform: translateY(2%);}	
	100% {transform: translateY(0%);} }

@-webkit-keyframes floating1 {
	0% {-webkit-transform: translateY(0%);}
	50% {-webkit-transform: translateY(2%);	}	
	100% {-webkit-transform: translateY(0%);} }

a .main{ width:1280px; height:330px; background:url(http://images.sunfar.com.tw/AD/edm/107page_yearend/images/top.png) 0 0 no-repeat; position:absolute; top:0px; left:-800px; display:block;
	animation-name: f1;
	-webkit-animation-name: f1;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}	
a .mainn{
	width:1280px; height:330px; background:url(http://images.sunfar.com.tw/AD/edm/107page_yearend/images/top.png) 0 0 no-repeat; position:absolute; top:0x; left:-800x; display:block;
	animation-name: floating1,play1;
	-webkit-animation-name: floating1,play1;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
a .mainn1{
	width:1280px; height:330px; background:url(http://images.sunfar.com.tw/ad/21/1070421102/images/f.gif) 0 0 no-repeat; position:absolute; top:0px; left:-20px; display:block;

}

/*閃爍效果*/
@keyframes play1 {
	  0% { 
		filter:brightness(100%);
		
		
	  }
	  20% { 
		filter:brightness(100%);
		
	  }
	  30% { 
		filter:brightness(100%);
		
	  }
	  50% { 
		filter:brightness(180%);
		
	  }
	  100% { 
		filter:brightness(100%);
		
	  }
}
@keyframes f1 {
	0% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web.png")}
    25% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web2.png")}
	50% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web.png")
	75% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web2.png")}
	100% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web.png")}
}

@-webkit-keyframes f1 {
	0% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web.png")}
    25% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web2.png")}
	50% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web.png")
	75% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web2.png")}
	100% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web.png")}
}	


