@charset "UTF-8";
/*===== General Variables =====*/
:root {
/* Header 區塊設定 */
	/* header background-color */
    --header_main_bg_color: #ffffff;
    
    /* header font-color */
    --header_main_f_color: #13243e;
    
    /* dropdown menu title color */
    --header_sub_bg_color: #3333333;
    
    /* scroll top background-color */
    --header_btn_top_bg_color: #ffffff;
    
    /* scroll top i-color */
    --header_btn_top_f_color: #c7bdb5;
    
    /* link color */
    --header_link_f_color: #333333;
    
    /* hover color */
    --header_link_hover_color: #eb5757;
    
/* Footer 區塊設定 */
	/* footer background-color */
    --footer_main_f_color: #333333;
    
    /* footer title ::before border style */
    --footer_sub_bg_color: #e87f72;
    
    /* link color */
    --footer_link_f_color: #666666;
    
    /* hover color */
    --footer_link_hover_color: #de6f6f;
    
/*===============================================*/  
    --color1: #13243e;
    --color2: #333333;
    --color3: #666666;
    --color4: #eb5757;
    --color5: #f6f6f6;
    --color6: #906145;
    --color7: #fab8c4;
    --color8: #fff6ee;
    --color9: #f4ede6;
    --color10: #c7bdb5;
    --color11: #2c2738;
    --color12: #c7bdb5;
    --color13: #f2d790;
    --color14: #eef8ff;
    --color15: #ebfff3;
    --color16: #f0e4d8;
    --color17: #f8f8fc;
    --color18: #2093ff;
    --color19: #64d794;
    --color20: #f59f39;
    --color21: #ff4a49;
    --color22: #eeeeee;
    --color23: #dddddd;
    --color24: #999999;
    --color25: #edeafc;
    --color26: #b4b4b4;
    --color27: #4d5561;
    --color28: #a1a7b1;
    --color29: #f8f8f8;
    --color30: #f7f7fb;
    --color31: #e5e5e5;
    --color32: #e2452e;
    --color33: #f6e1e1;
    --color34: #665455;
    --color35: #3a6bd4;
    --color36: #d97e7e;
    --color37: #f2ac57;
    --color38: #ff7171;
    --color39: #c7c6ca;
    --color40: #0f1a2d;
    --color41: #cc2727;
    --color42:   #ff8889;
    --black: #000000;
    --white: #ffffff;
    --behance: #131418;
    --facebook: #3b5999;
    --twitter: #55acee;
    --linkedin: #0077b5;
    --skype: #00aff0;
    --vimeo: #1ab7ea;
    --yahoo: #410093;
    --instagram: #e4405f;
    --dribbble: #ea4c89;
    --flickr: #ff0084;
    --pinterest: #bd081c;
    --youtube: #cd201f;
    --reddit: #ff5700;
    --rss: #f26522;
    --whatsapp: #25d366;
    --medium: #02b875;
    --transition: all 0.2s cubic-bezier(0.19, 0.68, 0.49, 1.21);
    --transition1: all 0.1s linear;
    --transition2: all 0.35s cubic-bezier(0.38, 3, 0.57, 1.6);
    --transition3: all 0.3s linear;
    --curve0: 0px;
    --curve2: 2px;
    --curve3: 3px;
    --curve4: 4px;
    --curve5: 5px;
    --curve7: 7px;
    --curve8: 8px;
    --curve10: 10px;
    --curve15: 15px;
    --curve16: 16px;
    --curve20: 20px;

    /* 網頁要用到的圖 */

    --arrow-down: url(/assets/img/icon/arrow-down.svg);
    --arrow-up: url(/assets/img/icon/arrow-up.svg);
    --bottom_drawer: url(/assets/img/icon/icon-drawer-close.svg);
    /* 
	--block_imgbg: url(/IOTEC_Sogo/assets/img/resources/newsletter-mockup.png);
    --arrow-down-red: url(/IOTEC_Sogo/assets/img/icon/arrow-down-red.svg);
    
    --icon-close: url(/IOTEC_Sogo/assets/img/icon/icon-close.svg);
    --icon-close-w: url(/IOTEC_Sogo/assets/img/icon/icon-close-w.svg);
    --icon-close-active: url(/IOTEC_Sogo/assets/img/icon/icon-close-red.svg);
    
    
    --icon-filter: url(/IOTEC_Sogo/assets/img/icon/icon-filter.svg);
    --icon-search: url(/IOTEC_Sogo/assets/img/icon/icon-search.svg);
    --icon-search-w: url(/IOTEC_Sogo/assets/img/icon/icon-search-w.svg);
    --icon-search-active: url(/IOTEC_Sogo/assets/img/icon/icon-search-red.svg);
    --icon-heart: url(/IOTEC_Sogo/assets/img/icon/icon-heart.svg);
    --icon-heart-w: url(/IOTEC_Sogo/assets/img/icon/icon-heart-w.svg);
    --icon-heart-active: url(/IOTEC_Sogo/assets/img/icon/icon-heart-red.svg);
    --icon-heart01: url(/IOTEC_Sogo/assets/img/icon/icon-heart01.svg);
    --icon-heart01-active: url(/IOTEC_Sogo/assets/img/icon/icon-heart01-red.svg);
    --icon-o-heart: url(/IOTEC_Sogo/assets/img/icon/icon-o-heart.svg);
    --icon-o-heart-active: url(/IOTEC_Sogo/assets/img/icon/icon-o-heart-red.svg);
    --icon-bag: url(/IOTEC_Sogo/assets/img/icon/icon-bag.svg);
    --icon-bag-w: url(/IOTEC_Sogo/assets/img/icon/icon-bag-w.svg);
    --icon-bag-active: url(/IOTEC_Sogo/assets/img/icon/icon-bag-red.svg);
    --icon-edit: url(/IOTEC_Sogo/assets/img/icon/icon-edit.svg);
    --icon-edit-active: url(/IOTEC_Sogo/assets/img/icon/icon-edit-red.svg);
    --icon-edit-small: url(/IOTEC_Sogo/assets/img/icon/icon-edit-small.svg);
    --icon-edit-small-active: url(/IOTEC_Sogo/assets/img/icon/icon-edit-small-red.svg);
    --icon-user: url(/IOTEC_Sogo/assets/img/icon/icon-user.svg);
    --icon-user-w: url(/IOTEC_Sogo/assets/img/icon/icon-user-w.svg);
    --icon-user-active: url(/IOTEC_Sogo/assets/img/icon/icon-user-red.svg);
    --icon-userg: url(/IOTEC_Sogo/assets/img/icon/icon-userg.svg);
    --icon-userg-active: url(/IOTEC_Sogo/assets/img/icon/icon-userg-red.svg);
    --icon-trashcan: url(/IOTEC_Sogo/assets/img/icon/icon-trashcan.svg);
    --icon-trashcan-active: url(/IOTEC_Sogo/assets/img/icon/icon-trashcan-red.svg);
    --icon-menu: url(/IOTEC_Sogo/assets/img/icon/icon-menu.svg);
    --icon-menu-w: url(/IOTEC_Sogo/assets/img/icon/icon-menu-w.svg);
    --icon-menu-active: url(/IOTEC_Sogo/assets/img/icon/icon-menu-red.svg);
    --icon-list: url(/IOTEC_Sogo/assets/img/icon/icon-list.svg);
    --icon-list-active: url(/IOTEC_Sogo/assets/img/icon/icon-list-red.svg);
    --icon-ticket: url(/IOTEC_Sogo/assets/img/icon/icon-ticket.svg);
    --icon-ticket-active: url(/IOTEC_Sogo/assets/img/icon/icon-ticket-red.svg);
    --icon-map: url(/IOTEC_Sogo/assets/img/icon/icon-map.svg);
    --icon-map-active: url(/IOTEC_Sogo/assets/img/icon/icon-map-red.svg);
    --icon-check: url(/IOTEC_Sogo/assets/img/icon/icon-check.svg);
    --icon-check-active: url(/IOTEC_Sogo/assets/img/icon/icon-check-red.svg);
    --icon-arrow-left: url(/IOTEC_Sogo/assets/img/icon/icon-arrow-left-gray.svg);
    --icon-arrow-left-active: url(/IOTEC_Sogo/assets/img/icon/icon-arrow-left.svg);
    --icon-arrow-left-dark-active: url(/IOTEC_Sogo/assets/img/icon/icon-arrow-left-red.svg);
    --icon-arrow-right: url(/IOTEC_Sogo/assets/img/icon/icon-arrow-right-gray.svg);
    --icon-arrow-right-active: url(/IOTEC_Sogo/assets/img/icon/icon-arrow-right.svg);
    --icon-arrow-right-dark-active: url(/IOTEC_Sogo/assets/img/icon/icon-arrow-right-red.svg);
    
    --icon-set: url(/IOTEC_Sogo/assets/img/icon/icon-set.svg);
    --icon-star: url(/IOTEC_Sogo/assets/img/icon/icon-star.svg);
    --icon-star-y: url(/IOTEC_Sogo/assets/img/icon/icon-star-y.svg);
    --icon-star-empty: url(/IOTEC_Sogo/assets/img/icon/icon-star-empty.svg);
    --icon-star-empty-y: url(/IOTEC_Sogo/assets/img/icon/icon-star-empty-y.svg);
    --icon-fb: url(/IOTEC_Sogo/assets/img/icon/icon-fb.svg);
    --icon-ig: url(/IOTEC_Sogo/assets/img/icon/icon-instagram.svg);
    --icon-yt: url(/IOTEC_Sogo/assets/img/icon/icon-youtube.svg);
    --icon-line: url(/IOTEC_Sogo/assets/img/icon/icon-line.svg); */
}